<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>熊猫直播_泛娱乐直播平台</title>
    <link rel="icon" href="img/96b553c10eb29f4b79a04b4aaf4c00ce.ico" type="ico"/>
    <link rel="stylesheet" type="text/css" href="css/style2.css"/>
	</head>
	<body>
		<nav>
		<div style="display: flex;">
			<li class="nav-img"><a href="#"><img src="img/7c36bb2ee9dad01d312b921ed3384f09.png"/></a></li>
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="game.html">游戏</a></li>
				<li><a href="#">娱乐</a></li>
			</ul>
			<p class="nav-img1">
					<img src="img/dca826694abbb35261a99bee817365ef.png"/>
			</p>
		</div>
	</nav>	
	<section class="nav-box">
		<div class="box">
			<li class="box-1">
			<a href="#">熊猫星秀</a>
			<a href="#">户外直播</a>
			<a href="#">音乐专区</a>		
			</li>
		</div>
	</section>
	<section class="nav-box">
		<div class="box">
			<li class="box-1">
			<a href="#">英雄联盟</a>
			<a href="#">炉石传说</a>
			<a href="#">风暴英雄</a>
			<a href="#">守望先锋</a>
			<img src="img/695ff30ecdc843f58a1e7b9d53783144.png" alt="" class="img2"/></li>
		</div>
	</section>
	<section class="box5" >	
		<div class="box2-1" style="display: flex;">
		<div class="box-top">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
		</div>
		<div class="box-bottom">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
			</div>
		</div>		
	</section>
	<section class="box6" >	
		<div class="box2-1" style="display: flex;">
		<div class="box-top">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
		</div>
		<div class="box-bottom">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
			</div>
		</div>		
	</section>
	<section class="box7" >	
		<div class="box2-1" style="display: flex;">
		<div class="box-top">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
		</div>
		<div class="box-bottom">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
			</div>
		</div>		
	</section>
	<section class="box8" >	
		<div class="box2-1" style="display: flex;">
		<div class="box-top">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
		</div>
		<div class="box-bottom">
			<li><a href="#"><img src="img/1.png"/></a></li>
			<li><a href="#"><img src="img/1.png"/></a></li>
			</div>
		</div>		
	</section>
	<footer>
		<div class="footer">
			<img src="img/1b332564a959264bc6f83a3eec5f4355.png" alt="" class="title2"/>
			
			<span class="title">泛娱乐直播平台</span>
			<span class="title1">下载熊猫直播</span>
		</div>
	</footer>
	</body>
</html>
<script>
	function calcRem() {
			var http = document.getElementsByTagName("html")[0];
			var w = document.documentElement.clientWidth;
			http.style.fontSize = w / 18 + "px";
		}
		calcRem();
		window.onresize = function() {
			calcRem();
		};
</script>